<template>
<h1>事件绑定</h1>
  <button v-on:click="f">按钮1</button>
  <button @click="f">按钮2</button>

  <h3>敲回车事件</h3>
<!-- v-model="search"双向绑定可以将页面输入的值存入search变量中
  @keydown.enter="ent" 敲回车调用ent函数-->
  <input type="text" placeholder="请输入那你的关键词"
  v-model="search" @keydown.enter="ent">
</template>


<script setup>

import {ref} from "vue";

const f = ()=>{
  alert('点击了！');
}

const search = ref('');
const ent = ()=>{
  alert("您输入了"+search.value)
}
</script>



<style scoped>

</style>